$(function(){
    // 1  获取用户信息 渲染到页面上
    // 2 退出功能
    // 3 左侧菜单 点击
        // 3.1 一级标题点击 
        // 3.2 二级标题点击

    // 1  获取用户信息 渲染到页面上
    function getUserInfo(){
        $.get('/admin/user/info',function(res){
            //console.log(res)
            const {nickname,userPic} = res.data
            $('.user_info img').prop('src',userPic)
            $('.user_info span').text('欢迎'+nickname)
            $('.user_center_link').prop('src',userPic)
        })
    }
    getUserInfo()
    

    // 2 退出功能
    $('.logout').click(function(){
        layer.confirm('您确定要删除吗？', function(index){
            layer.close(index)
            // 清除 token
            localStorage.removeItem('token')
            // 返回登录界面
            location.href = 'login.html'
          })  
    })

    // 3 左侧菜单 点击
    $('.level01').click(function(){
        // 选中切换
        $(this).addClass('active').siblings().removeClass('active')
        // 控制箭头切换方向
        $(this).find('b').toggleClass('rotate0')
        // 让它下一个兄弟元素 切换显示  stop!!
        $(this).next('.level02').stop().slideToggle()
    })
    // 3.2 给二级标题绑定点击 切换选中
    $('.level02 li').click(function(){
        $(this).addClass('active').siblings().removeClass('active')
    })

})